<template>
	<view class="page" :style="{'min-height':h+'px','padding-top':(mt)+'px'}">
		<c-nav-bar :title="title"></c-nav-bar>
		<!-- <customNavBar1 :title="title"></customNavBar1> -->
		<view class="rementuij">
			<!-- <view @click="activeTab = 'tab1'">Tab 1</view>
	    <view @click="activeTab = 'tab2'">Tab 2</view> -->
			<!-- 	<view class="lvyougl">
				<view class="minsujiudian" @click="yfzx(1,0)" :class="{ 'minsuactive': yfzxact == 1 }">
					每日菜价
				</view>
				<view class="minsujiudian" @click="yfzx(2,1)" :class="{ 'minsuactive': yfzxact == 2}">
					农副产品
				</view>
			</view> -->

			<!-- <view class="jumin" v-if="yfzxact==1"> -->
			<view class="jumin">
				<view class="cuisine">
					<view class="hander">

						<view class="two">
							嵊泗县及周边县区农副产品产品价格监测信息
						</view>
						<view class="three" style="display: flex; justify-content: space-between;">
							<view class="">
								<text>采价日期</text>：{{dayTime.date}}
							</view>
							<view class="">
								<!-- 单位：{{ProductList.unit}} -->
								单位：元/500克
							</view>
						</view>
					</view>
					<view class="text">
						<text class="concentrate">
							注：红色为菜篮子特价菜
						</text>
						<view>
							以上价格均为采价当日8:00前的市场价格，不作为其它时间购买依据。其他县区采价以星期为单位。
						</view>
					</view>
					<view class="table">
						<view class="yunying-2">
							<view class="yunying2">
								<view class="">
									品名
								</view>
							</view>
							<view class="yunying2">
								<view class="">
									规格
								</view>
							</view>
							<view class="yunying2" style="background-color: #CEEC72;">
								<view class="">
									菜篮子工
								</view>
								<view class="">
									程服务部
								</view>
							</view>
							<view class="yunying2">
								<view class="">
									集贸市场
								</view>
								<view class="">
									个体摊位
								</view>
							</view>


							<view class="yunying2" style="background-color: #5E988C;">
								<view class="">
									定海南珍
								</view>
								<view class="">
									菜场
								</view>
							</view>
							<view class="yunying2">
								<view class="">
									普陀东河
								</view>
								<view class="">
									菜场
								</view>
							</view>
							<view class="yunying2" style="background-color: #d5683f;">
								<view class="">
									岱山高亭
								</view>
								<view class="">
									菜场
								</view>
							</view>

						</view>
						<view class="yuefen-2" v-for="(item1,index1) in ProductList" :key="index1">
							<view class="yunying22">
								{{item1.productName}}
							</view>
							<view class="yunying22">
								{{item1.productInformation}}
							</view>
							<view class="yunying22" style="background-color: #CEEC72;">

								<text v-if="item1.isOffer==0">￥{{item1.clzMoney}}</text>
								<text v-else style="color: #FF4141;">￥{{item1.clzMoney}}</text>
							</view>
							<view class="yunying22">
								￥{{item1.individualityMoney}}
							</view>

							<view class="yunying22" style="background-color: #5e988c;">
								￥{{item1.dhnzMoney}}
							</view>
							<view class="yunying22">
								￥{{item1.ptdhMoney}}
							</view>
							<view class="yunying22" style="background-color: #d5683f;">
								￥{{item1.dsgtMoney}}
							</view>

						</view>
					</view>
				</view>
			</view>

		</view>

	</view>
</template>

<script>
	import nodata from '@/compoments/NoData/index.vue'
	export default {
		components: {
			nodata
		},
		data() {
			return {
				title: '每日菜价',
				h: uni.getSystemInfoSync().windowHeight,
				mt: uni.getSystemInfoSync().statusBarHeight + 44,
				fromList: {
					type: 0
				},
				dayTime: '',
				ProductList: {},
				status: 'more', //加载状态
			}
		},
		onLoad() {
			this.getProduct()
		},
		methods: {

			// 获取菜价 农副产品
			getProduct() {
				this.$api.get('/api/newsProduct/appList', this.fromList).then(res => {
					this.ProductList = res.data.data.list;
					this.dayTime = res.data.data

				});
			},
		}
	}
</script>

<style scoped lang="scss">
	.page {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}



	.rementuij {
		width: 710rpx;
		margin: 0 auto;
	}

	.lvyougl {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 108rpx;
		background-image: url('https://i.ringzle.com/file/20231219/e8eac48eac6649199796fb20fd9f109c.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.lvyougl {
		width: 710rpx;
		height: 100rpx;
	}

	.minsujiudian {
		width: 48%;
		height: 57rpx;
		border-radius: 32rpx;
		border: 1px solid #333333;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
		line-height: 57rpx;
		text-align: center;
	}

	.minsuactive {
		background: #007A69;
		color: #fff !important;
	}

	.jumin {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.cuisine {
		.hander {
			font-size: 28rpx;
			color: #333;
			font-weight: Regular;

			.two {
				margin: 16rpx 0;
				text-align: center;
				font-size: 32rpx;
				color: #333;
				font-weight: Bold;
			}
		}

		.text {
			margin: 20rpx 0;
			font-size: 26rpx;
			color: #666666;
			font-weight: Regular;

			.concentrate {
				font-size: 26rpx;
				color: #FF4141;
				font-weight: Regular;
			}
		}
	}

	.table {
		width: 710rpx;
	}

	.yunying-2 {
		box-sizing: border-box;
		width: 100%;
		height: 100rpx;
		display: flex;
		text-align: center;
		margin: 0 auto;
	}

	.yuefen-2 {
		box-sizing: border-box;
		width: 100%;
		height: 80rpx;
		display: flex;
	}

	.yunying22 {
		box-sizing: border-box;
		width: 50%;
		height: 80rpx;
		text-align: center;
		line-height: 80rpx;
		font-size: 24rpx;
		color: #192942;

	}

	.yunying2 {
		border: 0.5rpx solid #333333;
		box-sizing: border-box;
		width: 50%;
		height: 100rpx;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		font-size: 20rpx;
		color: #333333;
		font-weight: bold;
		// line-height: 124rpx;
	}

	.yunying2>view {
		margin: 0 auto;
	}

	.yunying22 {
		box-sizing: border-box;
		width: 50%;
		height: 80rpx;
		text-align: center;
		line-height: 80rpx;
		border: 0.5rpx solid #333333;
		font-size: 24rpx;
		color: #333;
		font-weight: Regular;

	}
</style>